<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/placeorder.css">
    <script src="js/jquery-1.9.0.min.js"></script>
</head>
<body>
<div class="haedtop">
    <div class="top">
        <div class="left">
            <span class="spana"><a href="#">无限道生态</a></span>
            <span class="spanb"><a href="#">添加到桌面</a></span>
        </div>
        <div class="right">
            <span><a href="login.html">登录</a></span>
            <span><a href="register.html">注册</a></span>
        </div>
    </div>
    <div class="body">
        <div class="logo">
        </div>
        <div class="search">
            <div class="bound">
                <input class="myinput" placeholder="请输入文字">
            </div>
        </div>
        <div class="sublist">
            <div class="sub1">
                <span class="subspan1">新品尝鲜</span>
                <span class="subspan2">海量商品</span>
            </div>
            <div class="sub2">
                <span class="subspan1">全额退款</span>
                <span class="subspan2">未达成全额退</span>
            </div>
            <div class="sub3">
                <span class="subspan1">全国包邮</span>
                <span class="subspan2">部分满意除外</span>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="footleft">
            <span><a href="#">首页</a></span>
            <span><a href="#">项目浏览</a></span>
            <span><a href="userinfo.html">我的众筹</a></span>
        </div>
        <div class="footright">
            <div class="hou1"><span class="spanbackground1"><a href="sponsorproject.html">发起项目</a></span></div>
            <div class="hou2"><span class="spanbackground2"><a href="help.html">新手帮助</a></span></div>
        </div>
    </div>
</div>
<div class="placebody">
    <div class="tipdiv">
        <div class="img"></div>
        <span>请在下单后15分钟内付款，否则您的订单会被自动关闭。</span>
    </div>
    <div class="recvaddrtext">
        <span>收货地址</span>
    </div>
    <div class="addresscontent">
        <ul>
            <li><input type="radio" checked="checked" name="address"><span class="lspan">福建省&nbsp;&nbsp;&nbsp;厦门市&nbsp;&nbsp;&nbsp; 思明区&nbsp;&nbsp;&nbsp; 软件园二期&nbsp;&nbsp;&nbsp; 叶良辰 &nbsp;&nbsp;&nbsp;18666666666</span>
                <span class="rspan" style="display: inline-block;"><a href="#">设置为默认地址</a> | <a href="#">删除</a> | <a href="#">修改</a></span>
            </li>
            <li><input type="radio" name="address"><span class="lspan">福建省&nbsp;&nbsp;&nbsp;厦门市&nbsp;&nbsp;&nbsp; 思明区&nbsp;&nbsp;&nbsp; 软件园二期&nbsp;&nbsp;&nbsp; 叶良辰 &nbsp;&nbsp;&nbsp;18666666666</span>
                <span class="rspan"><a href="#">设置为默认地址</a> | <a href="#">删除</a> | <a href="#">修改</a></span>
            </li>
            <li><input type="radio" name="address"><span class="lspan">福建省&nbsp;&nbsp;&nbsp;厦门市&nbsp;&nbsp;&nbsp; 思明区&nbsp;&nbsp;&nbsp; 软件园二期&nbsp;&nbsp;&nbsp; 叶良辰 &nbsp;&nbsp;&nbsp;18666666666</span>
                <span class="rspan"><a href="#">设置为默认地址</a> | <a href="#">删除</a> | <a href="#">修改</a></span>
            </li>
            <li><input type="radio" name="address"><span class="lspan">福建省&nbsp;&nbsp;&nbsp;厦门市&nbsp;&nbsp;&nbsp; 思明区&nbsp;&nbsp;&nbsp; 软件园二期&nbsp;&nbsp;&nbsp; 叶良辰 &nbsp;&nbsp;&nbsp;18666666666</span>
                <span class="rspan"><a href="#">设置为默认地址</a> | <a href="#">删除</a> | <a href="#">修改</a></span>
            </li>
        </ul>
        <span class="addnewaddress">+添加新地址</span>
    </div>
    <div class="projectinfo">
        <span class="projectinfotext">项目信息</span>
        <table class="table table-bordered col-md-11">
            <tr align="center" style="background-color: rgba(225, 222, 223, 0.92)"><td>项目名称</td><td>发起人</td><td>回报内容</td><td>支持单价</td><td>配送费用</td></tr>
            <tr align="center">
                <td><span>够跑随身摄录仪DF1</span></td>
                <td><span>XXXX有限公司</span></td>
                <td><span>为感谢您的支持，您将以众筹专属价获得市场价值
                    899元的够跑随身摄录DF1一台，颜色随机。</span></td>
                <td><span style="color: rgba(238, 37, 6, 0.92)">￥399.00</span></td>
                <td><span>免运费</span></td>
            </tr>
        </table>
    </div>
    <div class="pleasecode">
        <span>邀请码</span>
        <input size="15">
    </div>
    <div class="paycontent">
        <span class="text">您可以选择以下支付方式：</span>
        <div class="paymethod">
            <div class="countblance"><input type="radio" name="pay"><span>账户余额</span>
            <span class="curbl">当前可用余额：<span style="color: rgba(229, 65, 0, 0.92)">1260</span>元</span>
            </div>
            <div class="paybao"><input type="radio" name="pay"><img src="images/paybaby_08.png"></div>
        </div>
        <div class="paybox">
            <div class="moneyinfo"><span class="span1">支持金额：</span><span class="span2">￥689.00</span></div>
            <div class="moneyinfo"><span class="span1">+配送费用：</span><span class="span2">￥0.00</span></div>
            <div class="moneyinfo"><span class="span1">支付总金额：</span><span class="span2">￥689.00</span></div>
            <div class="moneyinfo"><span class="span3">请在下单后15分钟内付款，否则您的订单会被自动关闭。</span></div>
            <div class="btn btn-danger pull-right" style="margin-right: 20px; width: 250px;height: 45px; font-size: 1.3em">提交订单并付款</div>
        </div>
        <div class="endtext">
            <div class="head"><span>风险提示</span></div>
            <span class="spana">1.无限道众筹是一个开放的众筹平台，公众基于对项目、发起人和回报的认同，通过资助的方式参与和支持创新。</span>
            <span class="span2">2.为了保证项目筹款和制作的顺利进行，您成功付款后不能像往常一样直接申请退款。</span>
            <span class="spana">3.如果筹款失败，支付款项会全部退回，项目取消。</span>
            <span class="spana">4.若您选择无偿支持，项目成功后发起人将不会给您发送回报。</span>
        </div>
    </div>
</div>
<div class="tail">
    <div class="left">
        <div class="top">
            <div class="bg1 div_l"><span class="spana">发起人创建项目</span></div>
            <div class="divarrow"><span > > </span></div>
            <div class="bg2 div_l"><span class="spana">项目获得支持</span></div>
            <div class="divarrow"><span> > </span></div>
            <div class="bg3 div_l"><span class="spana">发起人发放回报</span></div>
            <div class="divarrow"><span> > </span></div>
            <div class="bg4 div_l"><span class="spana">用户得到回报</span></div>
        </div>
        <div class="below">
            <span>关于我们</span><span>|</span>
            <span>服务条款</span><span>|</span>
            <span>项目教程</span><span>|</span>
            <span>新手帮助</span><span>|</span>
            <span>常见问题</span><span>|</span>
            <span>意见反馈</span>
        </div>
    </div>
    <div class="mid">
        <div class="weichat">
            <span>微信公众号</span>
            <img src="images/foot_ewm_05.png">
        </div>
    </div>
    <div class="right">
        <div class="div1"><span>联系我们（9:00 － 18:00）</span></div>
        <div class="div2"><span>400-000-0000</span></div>
        <div class="div3"><span>wuxiandao@zhongchou.com</span></div>
        <div class="div4"><span>qq群：123456789</span></div>
    </div>
</div>
<div class="copyright">
    <span>@版权所有</span>
</div>
</body>
</html>
<script>
    $(function () {
        $("input").click(function () {
            $(".rspan").css("display","none");
            $(this).siblings(".rspan").css("display","inline-block");
        })
    })
</script>